<template>
  <el-container style="height: 100%">
    <el-header class="local_header"><Local /></el-header>
    <el-main style="justify-content: space-evenly; height: 50%; padding: 0">
      <Remote />
    </el-main>
  </el-container>
</template>

<script setup lang="ts">
import store from "~/utils/store";
import Local from "./local.vue";
import Remote from "./remote.vue";
const config = toRef(store);
</script>

<style scoped>
.local_header {
  height: 50%;
  padding: 0;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}
</style>
